<!--
 * @Date: 2024-07-16 11:07:52
 * @LastEditors: Ming
 * @LastEditTime: 2024-07-19 17:22:23
 * @FilePath: \smarttt_ktzx\src\views\page\index.vue
-->
<template>
    <el-container>
        <el-aside width="260px">
            <el-menu default-active="2" router class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
                <el-sub-menu index="1">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>课程题库</span>
                    </template>
                    <el-menu-item-group>
                        <el-menu-item index="/page/courseLib">课程题库管理</el-menu-item>
                        <el-menu-item index="/page/courseLib/type">题型设定</el-menu-item>
                        <el-menu-item index="/page/courseLib/sync">题库同步</el-menu-item>
                    </el-menu-item-group>
                </el-sub-menu>

                <el-sub-menu index="2">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>课堂题库</span>
                    </template>
                    <el-menu-item-group>
                        <el-menu-item index="/page/classroomLib">课堂题库管理</el-menu-item>
                        <el-menu-item index="/page/classroomLib/type">题型设定</el-menu-item>
                    </el-menu-item-group>
                </el-sub-menu>

                <el-sub-menu index="3">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>作业管理</span>
                    </template>
                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt">作业管理</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/view">预览也</el-menu-item>
                    </el-menu-item-group>
                    
                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/tpAssembly">试题组卷</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/taskList">作业学生列表</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/assignGrading">作业批改</el-menu-item>
                    </el-menu-item-group>
                    
                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/prevTask">往届作业</el-menu-item>
                    </el-menu-item-group>
                </el-sub-menu>

                <el-sub-menu index="4">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>学生端</span>
                    </template>

                    <el-menu-item-group>
                        <el-menu-item index="/page/job/list">作业列表</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/job/jobAnswer">作业答题</el-menu-item>
                    </el-menu-item-group>
                    
                    <el-menu-item-group>
                        <el-menu-item index="/page/stuPractice">实验列表</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/taskMgmt/taskList">提交实验</el-menu-item>
                    </el-menu-item-group>
                    
                    <el-menu-item-group>
                        <el-menu-item index="/page/stuQues/list">问卷列表</el-menu-item>
                    </el-menu-item-group>

                    <!-- <el-menu-item-group>
                        <el-menu-item index="/page/job/jobWjList">问卷列表</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/job/jobWjDt">问卷答题</el-menu-item>
                    </el-menu-item-group> -->
                </el-sub-menu>

                <el-sub-menu index="5">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>调查问卷管理</span>
                    </template>

                    <el-menu-item-group>
                        <el-menu-item index="/page/ques/list">问卷列表</el-menu-item>
                    </el-menu-item-group>

                    <el-menu-item-group>
                        <el-menu-item index="/page/ques/edit">问卷编辑</el-menu-item>
                    </el-menu-item-group>
                </el-sub-menu>

                <el-sub-menu index="7">
                    <template #title>
                        <el-icon>
                            <location />
                        </el-icon>
                        <span>实验管理</span>
                    </template>
                    <el-menu-item-group>
                        <el-menu-item index="/page/practice">实验列表</el-menu-item>
                        <!-- <el-menu-item index="/page/student">实验学生列表</el-menu-item> -->
                    </el-menu-item-group>
                </el-sub-menu>
            </el-menu>
        </el-aside>
        <el-main style="background: #f0f2f5;padding: 0;">
            <router-view />
        </el-main>
    </el-container>


</template>

<script lang="ts" setup>
import {
    Document,
    Menu as IconMenu,
    Location,
    Setting,
} from '@element-plus/icons-vue'
const handleOpen = (key: string, keyPath: string[]) => {
    console.log(key, keyPath)
}
const handleClose = (key: string, keyPath: string[]) => {
    console.log(key, keyPath)
}
</script>